body {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #5485a2;
    width: 100%;
    height: 1.28rem;
    display: flex;
    align-items: center;
    img {
      width: 0.33rem;
      height: 0.38rem;
      margin-top: 0.34rem;
      margin-left: 0.2rem;
    }
    .title {
      margin-left: 50%;
      transform: translate(-80%);
      margin-top: 0.34rem;
      font-size: 0.4667rem;
      color: #fff;
    }
  }
  .row-a1 {
    position: fixed;
    top: 1.28rem;
    left: 0;
    width: 100%;
    height: 0.9rem;
    .list {
      display: flex;
      justify-content: space-around;
      background: #fff;
      border-bottom: 1px solid #e5e5e5;
      li {
        font-size: 0.3rem;
        border-left: 1px solid #e5e5e5;
        width: 100%;
        line-height: 0.9rem;
        text-align: center;
        &:nth-child(1) {
          border: none;
        }
        &:nth-child(3) {
          color: #2da3e8;
        }
      }
    }
    .more {
      height: 30.4rem;
    }
  }
  .content {
    margin-top: 2.18rem;
    margin-bottom: 0.5rem;
    .list {
      li {
        padding: 0.3rem;
        .tit {
          font-size: 0.26rem;
          color: #444;
        }
        .text {
          margin-top: 0.26rem;
          font-size: 0.2rem;
          color: #888;
        }
      }
    }
  }
  .more {
    margin-bottom: 1rem;
    margin-left: 1.11rem;
    margin-right: 1.11rem;
    .top {
      .icon {
        display: flex;
        justify-content: center;
        img {
          height: 0.3rem;
        }
      }
      p {
        text-align: center;
        font-size: 0.3rem;
        color: #aaa;
      }
    }
    ul {
      text-align: center;
      display: flex;
      justify-content: space-between;
      li {
        width: 25%;
        p {
          margin-top: -0.2rem;
          margin-bottom: 0.3rem;
          font-size: 0.18rem;
        }
        img {
          width: 0.7rem;
          height: 0.7rem;
        }
        .xin {
          position: relative;
          span {
            font-size: 0.36rem;
            position: absolute;
            left: 0.48rem;
            bottom: 0.4rem;
            color: #b9c0e7;
          }
        }
        .zheng {
          position: relative;
          span {
            font-size: 0.36rem;
            position: absolute;
            left: 0.48rem;
            bottom: 0.4rem;
            color: #ffc3a4;
          }
        }
        .you {
          position: relative;
          span {
            font-size: 0.36rem;
            position: absolute;
            left: 0.48rem;
            bottom: 0.4rem;
            color: #4ee4ff;
          }
        }
        .qi {
          position: relative;
          span {
            font-size: 0.36rem;
            position: absolute;
            left: 0.48rem;
            bottom: 0.4rem;
            color: #ffa2ec;
          }
        }
      }
    }
  }
  .navigation {
    z-index: 999;
    position: fixed;
    bottom: -0.01rem;
    display: flex;
    width: 100%;
    height: 1rem;
    text-align: center;
    .left {
      width: 33.33%;
      background: #161f24;
      color: #fff;
      font-size: 0.2rem;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      img {
        width: 0.36rem;
      }
    }
    .shopping,
    .shop {
      width: 33.33%;
      line-height: 1rem;
      font-size: 0.3rem;
      color: #fff;
    }
    .shopping {
      background-color: #365c72;
    }
    .shop {
      background-color: #5293ba;
    }
  }
  .Suspended {
    z-index: 999;
    position: fixed;
    bottom: 1.48rem;
    right: 0.32rem;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 50%;
    box-shadow: 0 0 0.08rem #999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    // position: relative;
    &::after {
      position: absolute;
      content: "2";
      font-size: 0.2rem;
      color: #fff;
      text-align: center;
      left: 0.6rem;
      top: -0.02rem;
      width: 0.34rem;
      height: 0.34rem;
      line-height: 0.34rem;
      border-radius: 50%;
      background: red;
    }
    img {
      width: 0.45rem;
    }
  }
}
